import { createApp } from 'vue'
import App from './App.vue'
import Router from '@/router'
import Store from './store'
import 'amfe-flexible'

import 'virtual:svg-icons-register'
import SvgIcon from './components/SvgIcon.vue'

import {
  Button,
  Tabbar,
  TabbarItem,
  Form,
  Field,
  CellGroup,
  Col,
  Row,
  List,
  Cell,
  ConfigProvider,
  IndexBar,
  IndexAnchor,
  Search,
  Image,
  NavBar,
  Icon,
  Sticky,
  Popover,
  Uploader,
  Grid,
  GridItem,
} from 'vant'

const app = createApp(App).use(Router).use(Store)
app.component('SvgIcon', SvgIcon) //svg
app.use(Button)
app.use(Tabbar)
app.use(TabbarItem)
app.use(Form)
app.use(Field)
app.use(CellGroup)
app.use(Col)
app.use(Row)
app.use(List)
app.use(Cell)
app.use(ConfigProvider)
app.use(IndexBar)
app.use(IndexAnchor)
app.use(Search)
app.use(Image)
app.use(NavBar)
app.use(Icon)
app.use(Sticky)
app.use(Popover)
app.use(Uploader)
app.use(Grid)
app.use(GridItem)

// app.use(SocketIO, {
//   connection: 'ws://localhost:7001',
// })

app.mount('#app')
